{% extends 'web_template/default_two/templates/base.html' %}
{% block title %}
{{ tlcms.col_doc.columnName }}
{% endblock %}
{% block keywords %}
{{ tlcms.col_doc.columnName }}
{% endblock %}
{% block content %}
    <div id="main" style="transform: none;">
        <div class="main container" style="transform: none;">
            <div class="main_body" style="transform: none;">
                <div class="main_left main_left_cate">
                    <div class="breadcrumb">
                        <a href="{{ url_for('webapp_bp.index_page') }}" title="{{ tlcms.system.web_name }}">首页</a>
                        <i class="fa fa-angle-right"></i><a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}" title="{{ tlcms.col_doc.columnName }}">{{ tlcms.col_doc.columnName }}</a></div>
                    <div class="list list_cate">
                        <div class="article">
                            <ul id="infinitescroll">
                                {% for foo in tlcms.col_doc.dataList %}
                                    <li class="infinitescroll_li">
                                        <div class="img">
                                            <a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" title="{{ foo.title }}" target="_blank">
                                                <div class="bg"></div>
                                                <div class="bg_img"></div>
                                                <img src="{{ foo.imgUrl }}" alt="{{ foo.title }}">
                                                <span>电商经济</span>
                                            </a>
                                        </div>
                                        <div class="text">
                                            <h3><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank">{{ foo.title }}</a></h3>
                                            <p>{{ foo.description }}{% if foo.description|length>98 %}...{% endif %}</p>
                                            <div class="info">
                                                <span><i class="fa fa-user-circle-o"></i>{{ foo.author }}</span>
                                                <span><i class="fa fa-clock-o"></i>{{ foo.update_time }}</span><span><i class="fa fa-eye"></i>阅读：{{ foo.clicks }}</span>
                                            </div>
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    {% if tlcms.col_doc.page.pages>1 %}
                    <div class="pagebar pagebar_infinitescroll">
                     {% if tlcms.col_doc.page.prev %}
                         <a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}?page=1">‹‹</a>
                        <a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}?page={{ tlcms.col_doc.page.prevPage }}" class="next">‹</a>
                        {% endif %}
                        {% for foo in tlcms.col_doc.page.iter_pages %}
                         {% if tlcms.col_doc.page.currentPage==foo %}
                             <span>{{ foo }}</span>
                             {% else %}
                         <a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}?page={{ foo }}">{{ foo }}</a>
                         {% endif %}
                        {% endfor %}
                        {% if tlcms.col_doc.page.next %}
                        <a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}?page={{ tlcms.col_doc.page.nextPage }}" class="next">›</a>
                        {% endif %}
                        {% if tlcms.col_doc.page.pages!=tlcms.col_doc.page.currentPage %}
                        <a href="{{ url_for('webapp_bp.list_article_page',cid=tlcms.col_doc.cid) }}?page={{ tlcms.col_doc.page.pages }}">››</a>
                        {% endif %}
                    </div>
                    {% endif %}
                </div>
                <div class="main_right" id="main_right" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">
                    <div class="theiaStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none; top: 0px; left: 1051.5px;">
                        <div class="widget widget_searchpanel">
                            <div class="md_tit"><span>搜索</span></div>
                            <div class="widget_div">
                                <form name="search" method="get" action="{{ url_for('webapp_bp.search') }}">
                                    <input type="text" name="keywords" placeholder="输入关键词">
                                    <button type="submit" class="submit" value="搜索"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="widget widget_paihang">
                            <div class="md_tit"><span>排行榜</span></div>
                            <div class="paihang">
                                <ul class="tit">
                                    <li class="active"><a href="javascript:;" data="hot_1">热门文章</a></li>
                                    <li><a href="javascript:;" data="hot_2">随机文章</a></li>
                                </ul>
                                <div id="hot_1" class="ph_list" style="display: block;">
                                    <ul>
                                        {% for foo in tlcms.click_doc[:9] %}
                                            <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank">{{ foo.title[:16] }}{% if foo.title|length>16 %}...{% endif %}</a></li>
                                        {% endfor %}
                                    </ul>
                                </div>

                                <div id="hot_2" class="ph_list" style="display: none;">
                                    <ul>
                                        {% for foo in tlcms.ran_doc[:9] %}
                                            <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank">{{ foo.title[:16] }}{% if foo.title|length>16 %}...{% endif %}</a></li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="widget widget_previous">
                            <div class="md_tit"><span>最近发表</span></div>
                            <ul>
                                {% for foo in tlcms.topNew.data[:9] %}
                                    <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank">{{ foo.title[:16] }}{% if foo.title|length>16 %}...{% endif %}</a></li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="widget widget_tags">
                            <div class="md_tit"><span>标签列表</span></div>
                            <ul>
                                {% for foo in tlcms.tags[:100] %}
                                    <li class="tagbgc5"><a target="_blank" href="{{ url_for('webapp_bp.tag_page',tag=foo.tag_name) }}">{{ foo.tag_name }}</a></li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- # main_body -->
        </div>
    </div>
{% endblock %}